<template>
  <tabbar>
    <tabbaritem path="/home" activecolor="var(--color-high-text)">
      <img slot="item-log" src="~assets/img/tabbar/home.svg" alt="" />
      <img
        slot="item-log-active"
        src="~assets/img/tabbar/home_active.svg"
        alt=""
      />
      <div slot="item-text">首页</div></tabbaritem
    >
    <tabbaritem path="/category" activecolor="var(--color-high-text)">
      <img slot="item-log" src="~assets/img/tabbar/category.svg" alt="" />
      <img
        slot="item-log-active"
        src="~assets/img/tabbar/category_active.svg"
        alt=""
      />
      <div slot="item-text">分类</div></tabbaritem
    >
    <tabbaritem path="/cart" activecolor="var(--color-high-text)">
      <img slot="item-log" src="~assets/img/tabbar/shopcart.svg" alt="" />
      <img
        slot="item-log-active"
        src="~assets/img/tabbar/shopcart_active.svg"
        alt=""
      />
      <div slot="item-text">购物车</div></tabbaritem
    >
    <tabbaritem path="/profile" activecolor="var(--color-high-text)">
      <template v-slot:item-log>
        <img src="~assets/img/tabbar/profile.svg" alt="" />
      </template>
      <template v-slot:item-log-active>
        <img src="~assets/img/tabbar/profile_active.svg" alt="" />
      </template>
      <template v-slot:item-text>
        <div>我的</div>
      </template>
    </tabbaritem>
  </tabbar>
</template>

<script>
import tabbar from "components/common/tabbar/tabbar.vue";
import tabbaritem from "components/common/tabbar/tabbaritem.vue";
export default {
  name: "tabbarshow",
  components: {
    tabbar,
    tabbaritem,
  },
};
</script>

<style>

</style>